<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			ul{
				background-color: black;
				
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 5px;
				padding-bottom: 5px;
				
				border: 2px solid green;
				border-radius: 5px;
			}
			ul li{
				
				list-style: null;
				background-color: cornflowerblue;
				color: white;
				margin: 5px;
				
				border: 2px solid black;
				
				/*变成圆角图形*/
				border-radius: 5px;
			}
			
			a{
				/*去掉下划线*/
				text-decoration: none;
				color: white;
				height: 35px;
				line-height: 35px;
				vertical-align: middle;
				
				display: block;
			}
			
			ul li:hover{
				/*点击时背景变红*/
				background-color: red;
				border: 2px solid red;
				
				/*鼠标变成 手*/
				cursor: pointer;
			}
			
			
		</style>
	</head>
	<body>
		
		
		<ul>
			<li>
				<a href="../pages/student/student-list.html"  target="content">
					学生管理
				
				</a>
				
			</li>
			<li>
				<a href="../pages/teacher/teacher-list.html"  target="content">教师管理</a>
			</li>
		</ul>
	</body>
</html>
